<template>
  
    <el-container>
      <div class="logo-container">
        <div class="logg">
          <img src="../assets/logo2.png" alt="" class="logo">
        <!-- <el-image src="../assets/logo2.png" fit="contain" alt="aaa"></el-image> -->
          <div class="logo-font">
            <p class="font1">综测系统</p>
            <p class="font2">Integrated measurement system</p>
          </div>
          
        </div>
        <div class="search">
            <el-input placeholder="请输入内容" v-model="input" class="input-with-select">
              <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
          </div>
      </div>
      <el-header class="header">
        <el-menu mode="horizontal" class="menu" router>
          <!-- <el-submenu> -->
            <!-- <template #title>Workspace</template> -->
            <el-menu-item index="1" route="MessageOpen">信息公开</el-menu-item>
            <el-menu-item index="2" route="IdeologyAndMorality">思想道德</el-menu-item>
            <el-menu-item index="3" route="ProfessionalTheory">专业理论</el-menu-item>
            <el-menu-item index="4" route="InnovationAndEntrepreneurshipAbility">创新创业能力</el-menu-item>
            <el-menu-item index="5" route="ComprehensivePractice">综合实践</el-menu-item>
            <el-menu-item index="6">其他...</el-menu-item>
          <!-- </el-submenu> -->
        </el-menu>
      </el-header>
      <RouterView></RouterView>      
    </el-container>
</template>

<script>



</script>

<style scoped>
.menu{
  height: 100%;
  /* line-height: 6vh; */
  /* width: 100vw; */
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  border: none;
  flex-wrap: wrap;
  background-color: #2fdd2c;
}
.menu .el-menu-item{
  height: 100%;
  color: black;
  line-height: 6vh;
}
.header{
  background-color: #2fdd2c;
}
.logo-container{
  height: 10vh;
}
.logg{
  position: absolute;
  left: 5vw;
  width: 30vw;
}
.logo{
  width: 10vh;
  height: 10vh;
  display: inline-block;
  position: absolute;
}
.logo-font{
  position: absolute;
  left: 10vh;
  top: 1.5vh;
}
.logo-font .font1{
  font-size: 3vh;
  color: #2fdd2c;
}
.logo-font .font2{
  font-size: 1.5vh;
  color: #fff;
}
.search{
  /* background-color: black; */
  /* width: 20px; */
  display: flex;
  position: absolute;
  right: 2vw;
  top: 2vh;
}
</style>